<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>粘性布局</title>
    <style>
        aside {
            position: -webkit-sticky;
            position: sticky;
            top: 100px;
            padding: 5px;
            background-color: #cae8ca;
            border: 2px solid #4CAF50;
        }

        article{
            padding-bottom: 100vh;
            padding-top: 100px;
        }
    </style>
</head>
<body>
<aside>
    你好我好大家好
</aside>
<article>
    <p>
        你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好
    </p>
    <p>
        你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好
    </p>
    <p>
        你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好你好我好大家好
    </p>
</article>

</body>
</html>